import { getIndex } from "../../server/index"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    background: [],
    active: 0,
    goods: [],
    page: 1,
    loading: false,
    divider: false,
    isFirst: true,
    isSearch: {}
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getIndex({ sales: 1})
  },
  change(index) {
    switch (index) {
      case 0:
        this.setData({
          isSearch: { sales: 1}
        })
        this.getIndex(); break;
      case 1:
        this.setData({
          isSearch: { recommend: 1}
        })
        this.getIndex(); break;
      case 2:
        this.setData({
          isSearch: { new: 1}
        })
        this.getIndex(); break;
    }
  },
  onChange(e) {
    this.setData({
      active: e.detail.name,
      goods: [],
      page: 1
    })
    // console.log(e.detail.name);
    // console.log(this.data.goods);
    this.change(e.detail.name)
  },
  getIndex(data) {
    this.setData({
      loading: true
    })
    // console.log(this.data.isSearch);
    getIndex("/api/index", {
      ...this.data.isSearch,
      page:this.data.page
    }).then(res => {
      // console.log(res);
      if (this.data.isFirst) {
        this.setData({
          isFirst: false,
          background: res.slides,
        })
      }
      this.setData({
        goods: [...this.data.goods, ...res.goods.data]
      })
      // console.log(this.data.goods);
      if (res.goods.data.length < 10) {
        this.setData({
          divider: true
        })
        // console.log(this.data.divider);
      }
    })

    // wx.request({
    //   url: 'https://bookapi.luwnto.com/api/index',
    //   data,
    //   success: res => {
    //     this.setData({
    //       loading: false
    //     })
    //     if (res.statusCode == 200) {
    //       if (this.data.isFirst) {
    //         this.setData({
    //           isFirst: false,
    //           background: res.data.slides,
    //         })
    //       }
    //       // console.log(res);
    //       // console.log(res.data.slides);
    //       // console.log(res.data.goods.data);
    //       // switch (this.data.active) {
    //       //   case 0: this.setData({
    //       //     background:res.data.slides,
    //       //     goods:[...this.data.goods,...res.data.goods.data]
    //       //   });break;
    //       //   case 1: this.setData({
    //       //     background:res.data.slides,
    //       //     goods:[...res.data.goods.data]
    //       //   });break;
    //       //   case 2: this.setData({
    //       //     background:res.data.slides,
    //       //     goods:[...res.data.goods.data]
    //       //   });break;
    //       //   case 3: this.setData({
    //       //     background:res.data.slides,
    //       //     goods:[...res.data.goods.data]
    //       //   });break;
    //       //   default:
    //       //     break;
    //       // }
    //       this.setData({
    //         goods: [...this.data.goods, ...res.data.goods.data]
    //       })
    //       // console.log(this.data.goods);
    //       // console.log(res.data.goods.data.length);
    //       if (res.data.goods.data.length < 10) {        
    //         this.setData({
    //           divider: true
    //         })
    //         // console.log(this.data.divider);
    //       }
    //     }
    //   }
    // })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.setData({
      page: this.data.page + 1
    })
    this.change(this.data.active)
    // console.log(this.data.page);
    // console.log(this.data.goods);
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})